<template>
	<view class="u-p-l-10 u-p-r-10">
		<view>
			<!-- 2.0.19支持autoBack，默认为false -->
			<u-navbar title="志愿服务" @rightClick="rightClick" :autoBack="true" bgColor="#aa0000">
			</u-navbar>
		</view>
		<view class="rowClass">
			<u-row>
				<u-col span="3" text-align="center" v-for="(item,index) in navList" :key="index">
					<view class="u-padding-20" @tap="clickNav(item)" hover-class="hoverClass">
						<image :src="item.src" style="width: 90rpx;height: 90rpx;" mode="widthFix"></image>
						<view class="tabName">{{item.name}}</view>
					</view>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
	import config from "@/common/config.js" // 全局配置文件
	export default {
		data() {
			return {
				navList:[
				   {name:"我要下单",src:"/static/img/index/PartyHeartfelt/cxwt.png",type:"0"},
				   {name:"我要接单",src:"/static/img/index/PartyHeartfelt/tsyj.png",type:"1"},
				],
			}
		},
		onLoad() {
		},
		methods: {
			clickNav(item){
				console.log(item,"111111item")
				this.$u.route({
					url: '/pages/PartyHeartfelt/inputInfor',
					params: {
						title: item.name
					}
				});
							
			},
		}
	}
</script>

<style lang="scss" scoped>
	.hoverClass{
		background-color: #E4E7ED;
	}
</style>
